.footer{
    width:100%;
    // background: yellow;
    .footer-top ul{
        // width:1200px;
        margin-left: 100px;
        margin-right: 100px;
        display:flex;     
        justify-content: space-between;
        align-items: center;
        // background: skyblue;
        border-bottom: 1px solid #ddd;
        li{
            width:150px;
            margin-top: 30px;
            // background: seagreen;
            a{
                color:#000;
                // background: yellow;
                display: flex;
                flex-direction: column;
                align-items: center;
                &:hover{color:#aaa;}
            }    
            i{
                display:inline-block;
                font-size: 80px;
            }
            p{
                // background: red;
                padding-bottom: 15px;
            }
        }
    }
    .footer-main{
        padding-left: 15px;
        min-height: 250px;
        display: flex;
        justify-content: space-around;
        // background: blue;
        .left{
            margin-right: 120px;
            width:130px;
            height:230px;
            text-align: center;
            // background:pink;
            p{
                margin-top: 30px;
                height:50px;
                line-height: 50px;
                // background: red;
            }
            ul{
                // background:skyblue;
                height:150px;
                li{
                    // background: yellow;
                     font-size: 14px;
                     text-align: center;
                     line-height: 24px;
                     a{
                         color:#999;
                         &:hover{color:#000;}
                     }
                 }
            }
        }
        .right{
            width:250px;
            height:280px;
            margin-right: 50px;
            // background: skyblue;
            .witer{
                width: 190px;
                height:60px;
                line-height: 30px;
                margin-top: 20px;
                margin-left:60px;
                background:#aaa;
                margin-bottom: 20px;
                border-radius: 50px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                &:hover{background:#ccc;}
                i{
                    display: inline-block;
                    font-size: 38px;
                    color:#fff;
                }
                span{
                    display: block;
                    font-size: 20px;
                    // background: red;
                    margin-left: -20px;
                    color:#fff;
                }
            }
            p{
                margin-right: 10px;
                line-height: 30px;
                color:#999;
                float:right;
                i{
                    font-size: 20px;
                    color:#aaa;
                    padding:0 6px;
                    &:hover{color:#000;}
                }
            }
            h2{
                float:right;
                font-weight: bold;
            }
        }
    }
    .footer-foot{
        padding-top: 50px;
        border-top: 1px solid #ddd;
        min-height: 100px;
        // background: yellowgreen;
        p{
            text-align: center;
            color:#666;
            line-height: 50px;
        }
        a{
            width: 180px;;
            height:30px;
            line-height: 30px;
            border-radius: 15px;
            text-align: center;
            display:block;
            margin-left: 1100px;
            margin-top:-70px;
            &:hover{ background:#aaa;}
            i{
                display: inline-block;
                font-size: 20px;
                color:red;
            }
        }
    }
}